<template>
  <div class="top clear">
    <div class="topLogin clear">
      <div class="topLoginMain">
        <div class="logo left ">
          <img src="@/assets/images/i22.png" width="338">
        </div>
        <div class="right loginMenu">
          <a href="javascript:;" class="tidings"><img src="@/assets/images/i11.png" width="27"><i></i></a>
          <span class="LoggedIn">您好，<div class="someone">
                    <span>张三</span>
                       <div class="dropDown">
                    <i></i>
                    <ul>
                        <li>
                            <a href="javascript:;">修改个人信息</a>
                        </li>
                        <li>
                            <a href="javascript:;">修改密码</a>
                        </li>
                    </ul>
                </div>
                </div>
                </span>|
          <a href="javascript:;" style="padding:0 13px;">退出</a>|<a href="javascript:;">帮助中心</a>

        </div>
      </div>
    </div>
    <div class="centerNav">
      <ul class="clear">
        <li>
          <a href="javascript:;">
            <img src="@/assets/images/i1.png" width="49">
            <p>新建稿件</p>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="@/assets/images/i2.png" width="55">
            <p>我的文档</p>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="@/assets/images/i3.png" width="45">
            <p>我要投稿</p>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="@/assets/images/i4.png" width="46">
            <p>我的约稿<span>(5)</span></p>
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="@/assets/images/i5.png" width="49">
            <p>稿件管理</p>
          </a>
        </li>
        <li>
          <a href="/agreement">
            <img src="@/assets/images/i6.png" width="38">
            <p>合同管理</p>
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
    export default {
        name: "HomeHeader"
    }
</script>

<style scoped>

</style>
